<style type="text/css">
    .text-center a:hover{
        text-decoration: none;
    }
    .num{
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.5;
        text-decoration: none;
        color: #009a61;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px;
    }

    .current{
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.5;
        text-decoration: none;
        color: #009a61;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px;
        z-index: 2;
        color: #fff;
        background-color: #009a61;
        border-color: #009a61;
        cursor: default;
    }

    .prev{
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.5;
        text-decoration: none;
        color: #009a61;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px;
    }

    .next{
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.5;
        text-decoration: none;
        color: #009a61;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px;
    }


</style>
<div class="wrap">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-9 main">
                <ul class="nav nav-tabs nav-tabs-zen mb10 mt30 newhotnoanswer">
                    <li class="active" status='GetBestNew'><a href="javascript:void(0)" >最新的</a></li>
                    <li status='GetBestHot'><a href="javascript:void(0)">热门的</a></li>
                    <li status='GetUnanswer'><a href="javascript:void(0)">未回答的</a></li>
                </ul>

                <div class="stream-list question-stream">
                    <section class="stream-list__item">
                        <div class="qa-rank">
                            <div class="votes hidden-xs">0<small>投票</small></div>
                            <div class="answers answered">3<small>回答</small></div>
                            <div class="views hidden-xs">38<small>浏览</small></div>
                        </div>
                        <div class="summary">
                            <ul class="author list-inline">
                                <li>
                                    <a href="/u/yangxiangming">yangxiangming</a>
                                    <span class="split"></span>
                                    <a href="/q/1010000005766646/a-1020000005767065">刚刚回答</a>
                                </li>
                            </ul>
                            <h2 class="title">
                                <a href="/q/1010000005766646">为什么where条件中or加索引不起作用？</a>
                            </h2>
                            <ul class="taglist--inline ib">
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/mysql" data-toggle="popover" data-original-title="mysql" data-id="1040000000089439">mysql</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/mysql%E7%B4%A2%E5%BC%95" data-toggle="popover" data-original-title="mysql索引" data-id="1040000003781861">mysql索引</a></li>
                            </ul>
                        </div>
                    </section>

                    <section class="stream-list__item">
                        <div class="qa-rank">
                            <div class="votes hidden-xs">0<small>投票</small></div>
                            <div class="answers">0<small>回答</small></div>
                            <div class="views hidden-xs">8<small>浏览</small></div>
                        </div>
                        <div class="summary">
                            <ul class="author list-inline">
                                <li>
                                    <a href="/u/aplayer">aplayer</a>
                                    <span class="split"></span>
                                    <a href="/q/1010000005767033" class="askDate" data-created="1466493274">3 分钟前提问</a>
                                </li>
                            </ul>
                            <h2 class="title">
                                <a href="/q/1010000005767033">webpack &amp; webpack-dev-server 不通过命令，如何使用nodejs函数调用方式启动？</a>
                            </h2>
                            <ul class="taglist--inline ib">
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/webpack-dev-server" data-toggle="popover" data-original-title="webpack-dev-server" data-id="1040000002671926">webpack-dev-server</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/webpack" data-toggle="popover" data-original-title="webpack" data-id="1040000002490635">webpack</a></li>
                            </ul>
                        </div>
                    </section>

                    <section class="stream-list__item">
                        <div class="qa-rank">
                            <div class="votes minus hidden-xs">-4<small>投票</small></div>
                            <div class="answers answered">1<small>回答</small></div>
                            <div class="views hidden-xs">43<small>浏览</small></div>
                        </div>
                        <div class="summary">
                            <ul class="author list-inline">
                                <li>
                                    <a href="/u/andrew_375683">andrewzhyl</a>
                                    <span class="split"></span>
                                    <a href="/q/1010000005766587">28 分钟前回答</a>
                                </li>
                            </ul>
                            <h2 class="title">
                                <a href="/q/10100">APP中想做影院订票（横店的），有实现的方法吗</a>
                            </h2>
                            <ul class="taglist--inline ib">
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/swift" data-toggle="popover" data-original-title="swift" data-id="1040000000531223">swift</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/java" data-toggle="popover" data-original-title="java" data-id="1040000000089449">java</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/objective-c" data-toggle="popover" data-original-title="objective-c" data-id="1040000000090209">objective-c</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/ios" data-toggle="popover" data-original-title="ios" data-id="1040000000089442">ios</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/android" data-toggle="popover" data-original-title="android" data-id="1040000000089658">android</a></li>
                            </ul>
                        </div>
                    </section>

                    <section class="stream-list__item">
                        <div class="qa-rank">
                            <div class="votes hidden-xs">0<small>投票</small></div>
                            <div class="answers answered solved">1<small>解决</small></div>
                            <div class="views hidden-xs">72<small>浏览</small></div>
                        </div>
                        <div class="summary">
                            <ul class="author list-inline">
                                <li>
                                    <a href="/u/aha_hacking">成长中的程序猿</a>
                                    <span class="split"></span>
                                    <a href="/q/1010000005762838/a-106643">41 分钟前回答</a>
                                </li>
                            </ul>
                            <h2 class="title">
                                <a href="/q8">关于如何正确读入文件的一个问题</a>
                            </h2>
                            <ul class="taglist--inline ib">
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/c%2B%2B" data-toggle="popover" data-original-title="c++" data-id="1040000000089741">c++</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/c" data-toggle="popover" data-original-title="c" data-id="1040000000089457">c</a></li>
                            </ul>
                        </div>
                    </section>

                    <section class="stream-list__item">
                        <div class="qa-rank">
                            <div class="votes plus hidden-xs">2<small>投票</small></div>
                            <div class="answers answered">9<small>回答</small></div>
                            <div class="views hidden-xs">197<small>浏览</small></div>
                        </div>
                        <div class="summary">
                            <ul class="author list-inline">
                                <li>
                                    <a href="/u/jessechen_lj">JesseChen_LJ</a>
                                    <span class="split"></span>
                                    <a href="/q/1010000005740">52 分钟前回答</a>
                                </li>
                            </ul>
                            <h2 class="title">
                                <a href="/q/101000000068">给定一个2n长的数组将奇数放在偶数前面</a>
                            </h2>
                            <ul class="taglist--inline ib">
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/c%2B%2B" data-toggle="popover" data-original-title="c++" data-id="1040000000089741">c++</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/c" data-toggle="popover" data-original-title="c" data-id="1040000000089457">c</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/python" data-toggle="popover" data-original-title="python" data-id="1040000000089534">python</a></li>
                                <li class="tagPopup"><a class="tag tag-sm" href="/t/%E7%AE%97%E6%B3%95" data-toggle="popover" data-original-title="算法" data-id="1040000000089524">算法</a></li>
                            </ul>
                        </div>
                    </section>

                </div>

                <!-- /.stream-list -->





                <!-- 放分页的地方 -->
                <div class="text-center">
                    <ul class="pagination">
                        
                    </ul>
                </div>
                <!-- /放分页的地方 -->








            </div><!-- /.main -->

            <div class="col-xs-12 col-md-3 side mt30">

                <!-- 没登录之前显示的 -->
                <if condition="empty($_SESSION['uid'])">
                    <div class="side-ask alert alert-warning">
                        <p>SegmentFault 是一个专注于解决编程问题，提高开发技能的社区。</p>
                        <a href="#" class="mt10 btn btn-sn-google btn-block">
                            <span class="icon-sn-bg-google"></span>
                            使用 Google 登录
                        </a>
                        <a href="#" class="mt10 btn btn-sn-weibo btn-block">
                            <span class="icon-sn-bg-weibo"></span>
                            使用微博登录
                        </a>
                        <a href="#" class="mt10 btn btn-sn-weixin btn-block">
                            <span class="icon-sn-bg-weixin"></span>
                            使用微信登录
                        </a>
                        <div class="mt10 side-system-notice">
                            <i class="fa fa-bullhorn pull-left"></i>
                            <a class="side-system-notice--title" href="#">众测 SegmentFault：谁是最佳白帽</a>
                        </div>
                    </div>
                <else/>
                <!-- 没登录之前显示的 -->

                <!-- 登录后显示 -->
                    <div class="side-ask alert alert-warning">
                        <p>今天，你编程遇到了什么问题呢？</p>
                        <a href="/ask" class="mt10 btn btn-primary btn-block">提问</a>
                        <div class="mt10 side-system-notice">
                            <i class="fa fa-bullhorn pull-left"></i><a class="side-system-notice--title" href="https://segmentfault.com/a/1190000005760428#notify">白帽众测 SegmentFault，现金奖励等你拿！</a>
                        </div>
                    </div>
                <!-- 登录后显示 end -->
                </if>
                <div class="sfad-sidebar">
                    <div class="sfad-item">
                        <ins data-revive-zoneid="3" data-revive-block="1" data-revive-target="_blank" data-revive-ct0='1466493507' data-revive-id="0042ddc520dc895b7aa784fe6f9339bd"></ins>
                        <button class="close" type="button" aria-hidden="true">&times;</button>
                    </div>

                    <div class="sfad-item">
                        <ins data-revive-zoneid="4" data-revive-block="1" data-revive-target="_blank" data-revive-ct0='1466493507' data-revive-id="0042ddc520dc895b7aa784fe6f9339bd"></ins>
                        <button class="close" type="button" aria-hidden="true">&times;</button>
                    </div>
                </div>
    

                <div class="widget-box">
                    <h2 class="widget-box__title">
                        排行榜
                        <span class="userstab text-muted pull-right ">
                            <a href="javascript:void(0);" data-tab="Daily" class="active">今天</a>
                            ·
                            <a href="javascript:void(0);" data-tab="Weekly">本周</a>
                            ·
                            <a href="/users">更多</a>
                        </span>
                    </h2>
                    <ol id="usersDaily" class="widget-top10">
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/120/260/1202606141-1030000000585904_big64">
                            <a href="/u/leftstick" class="ellipsis">
                                leftstick
                            </a>
                            <span class="text-muted pull-right">+216</span>
                        </li>
                    
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/397/104/3971048296-572b35995e21c_big64">
                            <a href="/u/lincenying" class="ellipsis">
                                林岑影
                            </a>
                            <span class="text-muted pull-right">+191</span>
                        </li>
                    
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/398/260/3982602598-572236c5a6f8c_big64">
                            <a href="/u/jellybool" class="ellipsis">
                                JellyBool
                            </a>
                            <span class="text-muted pull-right">+96</span>
                        </li>
                    
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/410/819/4108197552-561cdeb9c5d52_big64">
                            <a href="/u/woody" class="ellipsis">
                                woody
                            </a>
                            <span class="text-muted pull-right">+91</span>
                        </li>
                    
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/284/836/2848362203-571a4fbfdadd1_big64">
                            <a href="/u/gzchen" class="ellipsis">
                                gzchen
                            </a>
                            <span class="text-muted pull-right">+85</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/376/921/376921337-572989f6f2271_big64">
                            <a href="/u/yangbo" class="ellipsis">
                                前端三人行
                            </a>
                            <span class="text-muted pull-right">+82</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/400/169/4001697982-1030000000425186_big64">
                            <a href="/u/weijie" class="ellipsis">
                                未解
                            </a>
                            <span class="text-muted pull-right">+66</span>
                        </li>
                    
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/212/692/2126928047-549a0fc27ae91_big64">
                            <a href="/u/bf" class="ellipsis">
                                bf
                            </a>
                            <span class="text-muted pull-right">+56</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sf-static.b0.upaiyun.com/v-5767bbdb/global/img/user-64.png">
                            <a href="/u/guoluona" class="ellipsis">
                                guoluona
                            </a>
                            <span class="text-muted pull-right">+55</span>
                        </li>
                    
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/226/030/2260301068-5733e8a37acd7_big64">
                            <a href="/u/mcwz" class="ellipsis">
                                未注册用户
                            </a>
                            <span class="text-muted pull-right">+53</span>
                        </li>
                    
                    </ol>

                    <ol id="usersWeekly" class="widget-top10  hidden">
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/120/260/1202606141-1030000000585904_big64">
                            <a href="/u/leftstick" class="ellipsis">
                                leftstick
                            </a>
                            <span class="text-muted pull-right">+396</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/306/449/3064496925-5668f2e9c4f25_big64">
                            <a href="{/u/yangxiangming}" class="ellipsis">
                                yangxiangming
                            </a>
                            <span class="text-muted pull-right">+285</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/398/260/3982602598-572236c5a6f8c_big64">
                            <a href="/u/jellybool" class="ellipsis">
                                JellyBool
                            </a>
                            <span class="text-muted pull-right">+269</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/397/104/3971048296-572b35995e21c_big64">
                            <a href="/u/lincenying" class="ellipsis">
                                林岑影
                            </a>
                            <span class="text-muted pull-right">+232</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/376/921/376921337-572989f6f2271_big64">
                            <a href="/u/yangbo" class="ellipsis">
                                前端三人行
                            </a>
                            <span class="text-muted pull-right">+227</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/165/596/1655960709-57183ae7de606_big64">
                            <a href="/u/ivanilla" class="ellipsis">
                                ivanilla
                            </a>
                            <span class="text-muted pull-right">+203</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/304/698/3046988269-5644b84c17ed3_big64">
                            <a href="/u/youmingdot" class="ellipsis">
                                有明
                            </a>
                            <span class="text-muted pull-right">+170</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/226/599/2265993573-552e4e5ccabfc_big64">
                            <a href="/u/mycharles" class="ellipsis">
                                查尔斯
                            </a>
                            <span class="text-muted pull-right">+170</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/157/842/1578424531-1030000000455562_big64">
                            <a href="/u/mcfog" class="ellipsis">
                                mcfog
                            </a>
                            <span class="text-muted pull-right">+120</span>
                        </li>
                        
                        <li class="text-muted">
                            <img class="avatar-24" src="https://sfault-avatar.b0.upaiyun.com/284/836/2848362203-571a4fbfdadd1_big64">
                            <a href="/u/gzchen" class="ellipsis">
                                gzchen
                            </a>
                            <span class="text-muted pull-right">+106</span>
                        </li>
                        
                    </ol>
                </div>
    
                <div class="widget-box widget-box--bookmark ">
                    <h4 class="widget-box__title">
                        热门收藏夹
                        <a id="widgetBookmarkRefresh" class="userstab pull-right" href="javascript:;">换一组</a>
                    </h4>
                    <ul class="widget-links list-unstyled media">
                        <li class="widget-links__item">
                            <img class="pull-left pattern pattern-6 mr10" src="https://sf-static.b0.upaiyun.com/v-5767bbdb/global/img/pattern/5.svg" width="32">
                            <div class="media-body">
                                <a target="_blank" class="ellipsis mr0" href="/bookmark/1230000002226575">详解 JS 系列</a>
                                <p class="mb0">
                                    <span>14</span> 个条目 <span class="division">|</span> <span>183</span> 人关注
                                </p>
                            </div>
                        </li>
                    
                        <li class="widget-links__item">
                            <img class="pull-left pattern pattern-10 mr10" src="https://sf-static.b0.upaiyun.com/v-5767bbdb/global/img/pattern/5.svg" width="32">
                            <div class="media-body">
                                <a target="_blank" class="ellipsis mr0" href="/bookmark/1230000002404495">Node.js 相关</a>
                                <p class="mb0">
                                    <span>20</span> 个条目 <span class="division">|</span> <span>80</span> 人关注
                                </p>
                            </div>
                        </li>
                        
                        <li class="widget-links__item">
                            <img class="pull-left pattern pattern-5 mr10" src="https://sf-static.b0.upaiyun.com/v-5767bbdb/global/img/pattern/8.svg" width="32">
                            <div class="media-body">
                                <a target="_blank" class="ellipsis mr0" href="/bookmark/1230000002599848">宇宙语言PHP</a>
                                <p class="mb0">
                                    <span>23</span> 个条目 <span class="division">|</span> <span>60</span> 人关注
                                </p>
                            </div>
                        </li>
                        
                        <li class="widget-links__item">
                            <img class="pull-left pattern pattern-6 mr10" src="https://sf-static.b0.upaiyun.com/v-5767bbdb/global/img/pattern/7.svg" width="32">
                            <div class="media-body">
                                <a target="_blank" class="ellipsis mr0" href="/bookmark/1230000002618317">奇技淫巧集</a>
                                <p class="mb0">
                                    <span>19</span> 个条目 <span class="division">|</span> <span>30</span> 人关注
                                </p>
                            </div>
                        </li>
                    
                        <li class="widget-links__item">
                            <img class="pull-left pattern pattern-15 mr10" src="https://sf-static.b0.upaiyun.com/v-5767bbdb/global/img/pattern/9.svg" width="32">
                            <div class="media-body">
                                <a target="_blank" class="ellipsis mr0" href="/bookmark/1230000002599839">golang 收集计划</a>
                                <p class="mb0">
                                    <span>17</span> 个条目 <span class="division">|</span> <span>54</span> 人关注
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>              

    </div>
</div>
</div>

</div>





</body>
</html>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.2.js"></script>
<script type="text/javascript">

    $(document).ready(function() {
        var currentId = $('.newhotnoanswer').children('li').eq(0).attr('status');
        var thisObj = $('.newhotnoanswer').children('li').eq(0);
        $.ajax({
            url: '{:U("Home/Index/GetThisData")}',
            type: 'POST',
            dataType: 'json',
            data: {actionName: currentId},
            success:function(data){
                if( data.error == 0 ){
                    $('.question-stream').html(data.texts);
                    $('.pagination').html(data.page);
                    thisObj.addClass('active').siblings('li').removeClass('active');
                }
            },
            error:function(){
                alert('通信错误');
            },
        })



         $(document).on('click', '.current,.prev,.num,.next', function(event) {
             alert($(this).html());
             return false;
         });
        

    });
    
     $('.newhotnoanswer').children('li').click(function() {
        var currentName = $(this).attr('status');
        var currentObj = $(this);
        $.ajax({
            url: '{:U("Home/Index/GetThisData")}',
            type: 'POST',
            dataType: 'json',
            data: {actionName: currentName},
            success:function(data){
                if( data.error == 0 ){
                    $('.question-stream').html(data.texts);
                    $('.pagination').html(data.page);
                    currentObj.addClass('active').siblings('li').removeClass('active');
                }
            },
            error:function(){
                // alert('通信错误');
            },
        })
    });
        

</script>